* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    // font-size: 16px;
    font-size: calc(12px + .3333vw);
    line-height: 28px;
    letter-spacing: .0833vw;
}

a {
    text-decoration: none;
}

input {
    background: none;
    outline: none;
    border: none;
}

//头部
header {
    .navbar {
        padding: 0;

        .navbar-collapse {
            flex-grow: 0;

            .navbar-nav {
                height: 100%;

                .nav-link {
                    display: block;
                    height: 100%;
                    color: #1a1a1a;
                    margin: 0 25px;
                    padding: 0;
                    line-height: 4.2vw;
                }

                .nav-link.active {
                    color: #19bc64;
                    border-bottom: 2px solid #19bc64;
                }
            }
        }

        .navbar-toggler {
            &:focus {
                box-shadow: unset;
            }
        }
    }

    @media screen and (max-width:992px) {
        .nav-link {
            margin: calc(5px + 0.5vw) 0 !important;
        }
    }
}

//底部
footer {
    background-color: #333333;
    padding-top: 4.1667vw;
    letter-spacing: 0;
    .top {
        .row {
            .title {
                color: #e5e5e5;
                margin-bottom: 2.9167vw;
            }

            &>.item {
                display: flex;
                flex-direction: column;

                a {
                    font-size: calc(12px + .1667vw);
                    color: #999999;
                    margin-bottom: 1.6667vw;
                }
            }

            .right {
                display: flex;
                flex-direction: column;

                .info {
                    position: relative;
                    padding-left: 1.6667vw;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .item {
                        margin: .8333vw 0;

                        img {
                            vertical-align: middle;
                            margin-right: calc(5px + .8333vw);
                        }

                        span {
                            color: #ccc;
                            font-size: calc(12px + .1667vw);
                        }
                    }

                    .item:first-child {
                        margin-top: 0;
                    }

                    &::before {
                        content: "";
                        width: 0;
                        height: 8.3333vw;
                        border-left: 1px solid #4c4c4c;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
            }
        }

    }

    hr {
        margin: 0;
        opacity: 1;
        border-top: 2px solid #666666;
    }

    .bottom {
        padding: 1.25vw 0;

        .row {

            .left,
            .right {
                color: #999999;
                font-size: 12px;

                span {
                    margin-right: 1vw;
                }
            }
        }
    }
}